<template>
  <div>
    <div class="item">
      <div class="input">
        <div class="input-line diy-input">
          <el-input :value="link.miaoshu" placeholder="请设置导航链接" readonly="readonly">
            <template #append>
              <el-button size="mini" type="primary" class="diy-btn" style="margin-top: 0;margin-left:0;height: auto;line-height: 10px !important;" icon="el-icon-link" @click="openLink">链接
              </el-button>
            </template>
          </el-input>
          <div class="tit" />
        </div>
      </div>
    </div>
    <!--设置连接弹窗-->
    <SiteLink :show.sync="showSiteLink" size="small" />
  </div>
</template>

<script>
import SiteLink from '@/views/site/attr/siteLink.vue'
export default {
  name: 'AttrLink',
  components: {
    SiteLink
  },
  props: ['link'],
  data() {
    return {
      showSiteLink: false
    }
  },
  mounted() {

  },
  methods: {
    openLink() {
      this.showSiteLink = true
    }
  }
}
</script>

<style lang="scss" scoped>
.diy-input .el-input__inner{
  height: auto !important;
  line-height: none !important;
}
.diy-input .el-input-group__append{

}
::v-deep .el-input-group__append {
  padding: 0 !important;
}
::v-deep .diy-btn span {
  width: 100px;
  padding: 0 !important;
  font-size: 10px !important;
}
</style>
